﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>My To Do List</title>
    <link href="Content/bootstrap.css" rel="stylesheet" />
    <script src="Scripts/jquery-1.9.1.js"></script>
    <script src="Scripts/bootstrap.js"></script>
    <!-- 
    This demo has 2 full CRUD scripts. Be sure to change the paths/firebase urls as needed.    
        - myToDos_v1.js         - global scope
        - myToDos_v2.js         - local scope via IIFE
        - myToDos_v2_other.js   - local scope via IIFE, rendering on the same page
   
    -->
</head>
<body>
    <label>Username</label><br />
    <input type="text" id="todotext" placeholder="username"/><br />
    <label>Chirp</label><br />
    <input type="text" id="todocompleted" placeholder="chirp text"/><br />

    <button id="addtodo" onclick="doaddtodo()" class="btn btn-success">ADD</button>
    <button id="savetodo" onclick="dosavetodo()" class="btn btn-primary">Save Changes</button>

    <!--Needs to be unique to the CRUD script-->
    <div id="ToDoList"> </div>

    <hr />
    <!--Needs to be unique to the CRUD script-->
    <div id="ToDoList2"> </div>




    <!-- full CRUD for todos -->
    <!--<script src="myToDos_v2.js"></script>-->

    <!-- efficent DB  -->
    <script src="myToDos_v1.js"></script>
    <!--<script src="myToDos_v3.js"></script>-->

</body>
</html>
